<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title th:text="${resouceContent.title}+'--软卡资源网'">首页--软卡资源网</title>
    <meta name="keywords" th:content="${resouceContent.seoKeyword}" />
    <meta name="description" th:content="${resouceContent.seoDescription}" />
    <script type="text/javascript" th:src="@{/public/jquery/jquery-1.9.1.min.js}"></script>
    <script type="text/javascript" th:src="@{/public/swiper/js/swiper.js}"></script>
    <link rel="stylesheet" th:href="@{/public/layui/css/layui.css}" />
    <link rel="stylesheet" th:href="@{/public/css/common.css}" />
    <link rel="stylesheet" th:href="@{/public/swiper/css/swiper.min.css}" />
</head>

<body>

<div class="layui-bg-blue header">
    <div class="layui-container r-pading ">
        <div class="r-logo  ">
            LOGO
        </div>
        <ul class="layui-nav r-nav layui-hide-xs" >
            <li class="layui-nav-item ">
                <a href="/">首页</a>
            </li>
            <li class="layui-nav-item" th:class="${resouceContent.siteType}==1? 'layui-nav-item layui-this':'layui-nav-item'">
                <a href="/resouceContent/index/1">文章</a>
            </li>
            <li class="layui-nav-item" th:class="${resouceContent.siteType}==2? 'layui-nav-item layui-this':'layui-nav-item'">
                <a href="/resouceContent/index/2">视频</a>
            </li>
            <li class="layui-nav-item" th:class="${resouceContent.siteType}==3? 'layui-nav-item layui-this':'layui-nav-item'">
                <a href="/resouceContent/index/3">软件</a>
            </li>
            <li class="layui-nav-item">
                <a href="/message/index">留言</a>
            </li>
            <li class="layui-nav-item">
                <a href="/about/index">关于我们</a>
            </li>
        </ul>
        <div  class="houtai">
            <a href="/admin/login.html" style="color: #fff;font-weight: bold;">后台管理</a>
        </div>
        <div class="layui-show-xs r-header-right" id="menus-go">
            <i class="layui-icon">&#xe66b;</i>
        </div>
    </div>

    <div class="layui-show-xs ydl-seacher">
        <input type="search" class="ydl-seacher-input" placeholder="搜索" />
        <i  class="layui-icon layui-icon-search ydl-seacher-btn"></i>
    </div>


</div>


<div class="mobile-menus">
    <div class="swilper-main">
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide active" onclick="window.location.href='/'">首页</div>
                <div class="swiper-slide" onclick="window.location.href='/resouceContent/index/1'">文章</div>
                <div class="swiper-slide" onclick="window.location.href='/resouceContent/index/2'">视频</div>
                <div class="swiper-slide" onclick="window.location.href='/resouceContent/index/3'">软件</div>
                <div class="swiper-slide" onclick="window.location.href='/message/index'">留言</div>
                <div class="swiper-slide" onclick="window.location.href='/about/index'">关于我们</div>
            </div>
        </div>
    </div>
</div>

<div class="layui-container ">
    <div class="layui-row jianju layui-hide-xs">
					<span class="layui-breadcrumb">
					  <a href="/">首页</a>
                      <a  th:href="@{/home/article/index/}+${siteType}" >
                          <cite>
                          <span th:if="${resouceContent.siteType}==1">文章</span>
                          <span th:if="${resouceContent.siteType}==2">视频</span>
                          <span th:if="${resouceContent.siteType}==3">软件</span>
                         </cite>
                      </a>
					</span>
    </div>
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md8 ">
            <div class="layui-card">

                <div class="layui-card-body detail-box">
                    <h1 th:text="${resouceContent.title}">2018整合C#面试题</h1>
                    <div class="ydl-detail-info">
                        <span class="layui-badge " style="vertical-align: super;" th:text="${resouceContent.resouceCatalog.name}">c#</span>
                        <span class="ydl-yidong"><i class="layui-icon">&#xe705;</i><span class="num" th:text="${resouceContent.clickCount}"> 66</span></span>
                        <span class="ydl-yidong ydl-right"><i class="layui-icon layui-icon-log"></i> <span  th:text="${#dates.format(resouceContent.addTime,'yyyy-MM-dd')}">2018-09-26</span></span>
                    </div>
                    <div class="detail-about_tips" th:text="${resouceContent.summary}">
                        C#是微软公司发布的一种面向对象的、运行于.NET Framework之上的高级程序设计语言。并定于在微软职业开发者论坛(PDC)上登台亮相。C#是微软公司研究员Anders Hejlsberg的最新成果。C#看起来与Java有着惊人的相似;它包括了诸如单一继承、接口、与Java几乎同样的语法和编译成中间代码再运行的过程。
                    </div>
                    <div class="detail-body" th:if="${resouceContent.siteType}==1 or ${resouceContent.siteType}==3" th:utext="${resouceContent.description}" style="overflow: hidden;">
                        <p>1.简述 private、 protected、 public、internal 修饰符的访问权限</p>
                    </div>

                    <div class="detail-body video" style="min-height: auto!important;" th:if="${resouceContent.siteType}==2" th:utext="${resouceVideoList[0].url}">

                    </div>


                    <div class="video-main-list" th:if="${resouceContent.siteType}==2 and ${resouceVideoList}!=null">
                        <div class="video-main-header">
                            剧集列表
                        </div>
                        <div class="video-main-center">
                            <ul>
                                <li th:class="${status.count}==1?'active':''" th:attr="'data-url'=${vo.url}"  th:each="vo,status:${resouceVideoList}" th:title="${vo.title}" th:text="${vo.orderSort}">1</li>
                            </ul>
                        </div>

                        <script type="text/javascript">
                            $(function(){
                                $(".video-main-center ul li").click(function(){
                                    $(this).addClass("active");
                                    $(this).siblings().removeClass("active");
                                    $(".video").html($(this).attr("data-url"));
                                });
                            });
                        </script>
                    </div>


                    <div class="attach-list" th:if="${resouceContent.siteType}==3 and ${resouceDownloadFile}!=null">
                        <h2 class="slide-tit">
                            <span>附件下载</span>
                        </h2>

                        <ul>
                            <li>
                                <a class="link-btn" th:href="@{'/resouceContent/download/'+${resouceDownloadFile.id}}">
                                    <i class="layui-icon  layui-icon-file-b iconfont icon-down"></i>下载
                                </a>
                                <div class="icon-box">
                                    <i class="layui-icon  layui-icon-download-circle icon-attach"></i>
                                </div>
                                <div class="info">
                                    <h3 th:text="${resouceDownloadFile.fileName}"></h3>
                                    <p>
                                        <span>文件类型：<span th:text="${resouceDownloadFile.ext}"></span></span>
                                        <span>
				                                    大小：
				                                       <span th:text="${resouceDownloadFile.fileSize}"></span>KB
				                                </span>
                                        <span>下载：<span  th:text="${resouceDownloadFile.downloadCount}"></span>次</span>
                                    </p>
                                </div>
                            </li>

                        </ul>
                    </div>



                </div>

            </div>
        </div>

        <div class="layui-col-md4">

            <div class="layui-card layui-hide-xs">
                <div class="layui-card-body">
                    <form action="/home/article/seacher" method="get">
                        <div class="layui-inline">
                            <input class="layui-input" name="keyword" autocomplete="off" placeholder="关键词" >
                        </div>
                        <button class="layui-btn" type="submit">搜索</button>
                    </form>
                </div>
            </div>

            <div class="layui-card layui-hide-xs">
                <div class="layui-card-header">
                    标签
                </div>
                <div class="layui-card-body tags">
                    <a th:each="m:${lableList}" class="animated3" th:href="@{'/resouceContent/lable/'+${m.id}}" th:style="'background-color: '+${m.color}" th:text="${m.name}"></a>
                </div>
            </div>

            <div class="layui-card layui-hide-xs">

                <div class="layui-card-header">
                    推荐文章
                </div>
                <div class="layui-card-body">
                    <ul class="news-list">
                        <li th:each="vo,statuts:${application.recommendArticleList}">
                            <span class="layui-badge" th:if="${statuts.count}==1" th:text="${statuts.count}">1</span>
                            <span class="layui-badge layui-bg-green"  th:if="${statuts.count}==2" th:text="${statuts.count}">2</span>
                            <span class="layui-badge layui-bg-cyan" th:if="${statuts.count}==3" th:text="${statuts.count}">3</span>
                            <span class="layui-badge layui-bg-gray" th:if="${statuts.count}>=4" th:text="${statuts.count}">4</span>
                            <a th:href="@{'/resouceContent/details/'+${vo.id}}" th:text="${vo.title}">ECS云服务器2折起，优惠配置多选1</a>
                        </li>
                    </ul>
                </div>

            </div>

            <div class="layui-card layui-hide-xs">
                <div class="layui-card-header">
                    推荐软件
                </div>
                <div class="layui-card-body">
                    <ul class="news-list">
                        <li th:each="vo,statuts:${application.recommendFileList}">
                            <span class="layui-badge" th:if="${statuts.count}==1" th:text="${statuts.count}">1</span>
                            <span class="layui-badge layui-bg-green"  th:if="${statuts.count}==2" th:text="${statuts.count}">2</span>
                            <span class="layui-badge layui-bg-cyan" th:if="${statuts.count}==3" th:text="${statuts.count}">3</span>
                            <span class="layui-badge layui-bg-gray" th:if="${statuts.count}>=4" th:text="${statuts.count}">4</span>
                            <a th:href="@{'/resouceContent/details/'+${vo.id}}" th:text="${vo.title}">ECS云服务器2折起，优惠配置多选1</a>
                        </li>
                    </ul>
                </div>

            </div>

            <div class="layui-card layui-hide-xs">

                <div class="layui-card-header ">
                    推荐视频
                </div>
                <div class="layui-card-body">
                    <ul class="voide-list">
                        <li th:each="vo:${application.recommendVideoList}">
                            <a th:href="@{'/resouceContent/details/'+${vo.id}}" >
                                <img onerror="javascript:this.src='/public/images/nopic.png'" th:src="@{''+${vo.thumbnailImg}}" th:title="${vo.title}">
                                <b  th:text="${vo.title}">乐山大佛闭眼事件 惊天骇闻大..</b>
                                <div th:text="${vo.summary}" th:title="${vo.summary}" class="home-content"></div>
                            </a>
                            <p>
                                <span class="tutime">
                                    <i class="layui-icon layui-icon-log"></i>
                                    <span th:text="${#dates.format(vo.addTime,'yyyy-MM-dd')}"></span>
                                </span>
                            </p>
                        </li>
                    </ul>
                </div>

            </div>


            <div class="layui-card layui-hide-xs">
                <div class="layui-card-header">
                    友情链接
                </div>
                <div class="layui-card-body">
                    <a th:each="m:${application.allList}" th:href="${m.url}" target="_blank" style="margin: 0 5px" th:text="${m.name}"></a>
                </div>
            </div>

        </div>
    </div>
</div>

<div class="footer-r">
    <p>
        © 2018-2022 xxxx 版权所有，保留所有权利。<br>版权声明：部分文章摘自互联网，如有侵权，麻烦告知删除，谢谢。
    </p>
</div>
<script type="text/javascript" th:src="@{/public/layui/layui.all.js}"></script>
<script type="text/javascript" th:src="@{/public/js/index.js}"></script>
<script type="text/javascript" th:src="@{/public/js/articleindex.js}"></script>
</body>

</html>